#{extends 'main.html' /} #{set title:'Confirmation' /} #{form @AppointmentCreation.done(app.id)}
<div id="steps" class="span-24 last">
	<img id="firstImage" src="public/images/banner03.jpg" alt="three steps" />
</div>
<div id="main" class="span-24 last">
	
	<div class="span-24 last">
	<div id="padded_box_10">
		<h3>&Uuml;bersicht</h3>
		</div>
	</div>
		<div class="span-13 last">
		<div id="padded_box_10">
		<img align="right" class="picture_overlay"
						src="../public/images/restaurant-pics/restaurant${app.restaurant.id}.jpg"
						width="400px" height="200px"></img>
		</div>
		</div>
		<div class="span-11 last">
		<div id="padded_box_10">
			<h3>
						${app.restaurant.name} <img
							src="../public/images/sterne4.png" alt="sterne" /></h3> 
						

						Kategorie: ${app.restaurant.category}<br> Adresse:
						${app.restaurant.address.street}, ${app.restaurant.address.zip}
						${app.restaurant.address.city}<br> Telefon:
						${app.restaurant.address.phone}<br>
		<div class="txt_normal_bold">
				<br>Datum: ${app.date}
				<br>Uhrzeit: ${app.time}
				</div>
					<br>Nachricht an Ihre Freunde: ${app.comment}
				
		</div>
		</div>
		<div class="span-13 last">
		<div id="padded_box_10">
			<h3>Eingeladene Freunde</h3> 
						#{if invitees}
			#{list items:invitees, as:'friend'}
			<div class="span-5 last">
				<div class="span-1 last">
					<img src="../../public/images/unknown_person.png" height="30" />
				</div>
				<div class="span-4 last">
					<div class="txt_black_bold">${friend.firstName}
						${friend.lastName}</div>
					${friend.email}
				</div>
			</div>
			#{/list}
			#{/if}
		</div>
		</div>
		<div class="span-11 last">
		<div id="padded_box_10">
		
		<div class="span-5 last">
			<h3>Bezahlung w&auml;hlen</h3> 
						<input name="x" type="radio" checked="checked" value="ort">Bezahlung vor Ort<br>
				<input name="x" type="radio" value="paypal">PayPal
		</div>
<div class="span-5 last">
			<input type="submit" class="button" id="submitButton"
					value=" Reservierung abschicken" />
		</div>
		</div>
		</div>
	


</div>
	<!-- <div class="content">
		<div class="confirmWrapper">
			<div class="invitationOverview">
				<div class="header_black_bold_2">&Uuml;bersicht</div>
				<img src="../../public/images/restaurant1.gif" width="100"
					height="100" />
				<ul>Restaurant: ${app.restaurant.name}
				</ul>
				<ul>Datum: ${app.date}
				</ul>
				<ul>Uhrzeit: ${app.time}
				</ul>
				<ul>Deine Nachricht:
				</ul>
				<ul>
					<div class="txt_normal">${personal_message}</div>
				</ul>

			</div>
		</div>
		<div class="confirmWrapper">
			<div class="header_black_bold_2">Eingeladen</div>
			#{if invitees}
			<table id="friendsTable">
				#{list items:invitees, as:'friend'}
				<tr height="30">
					<td>
						<table border="0">
							<tr>
								<td class="inviteTableCell" rowspan="2"></td>
								<td class="inviteTableCell" rowspan="2"><img
									src="../../public/images/unknown-person.jpg" width="30"
									height="30" /></td>
								<td><div class="txt_black_bold">${friend.firstName}
										${friend.lastName}</div></td>
							</tr>
							<tr>
								<td class="inviteTableCell">${friend.email}</td>
							</tr>
						</table>
					</td>
				</tr>
				#{/list}
			</table>
			#{/if}

		</div>
	</div>
	<div class="content">

		<div class="confirmWrapper">
			<div class="invitationOverview">
				<div class="header_black_bold_2">Nachricht an das Restaurant</div>
				<textarea cols="30" rows="8" id="restaurantMessage"
					name="restaurant_message"></textarea>
				<br>
				<br>

			</div>
		</div>
		<div class="confirmWrapper">
			<div class="invitationOverview">
				<div class="header_black_bold_2">Bezahlung ausw&auml;hlen</div>
				<input name="x" type="radio" value="ort">Bezahlung vor Ort </input></br>
				<input name="x" type="radio" value="paypal">PayPal </input></br>
				</br>
				</br>
				</br>
				</br>
				</br> <input type="submit" class="button" id="submitButton"
					value=" Reservierung abschicken" />
			</div>
		</div>



	</div>
</div> -->
#{/form}
